import React from 'react'
import './css/message.css'
import Mytab from './Mytab'
const Message = (props) => {
    return (
        <div>
            <div className="head">我的消息</div>
            <div
                className="messageList"
                onClick={()=>props.history.push({
                    pathname:'/dialog',
                    src:require('./images/img1.jpg'),
                    name:'Acquain'
                })}
            >
                <img src={require('./images/img1.jpg')} className="mes-photo"></img>
                <span className="name">Acquain</span>
                <span className="unread">1</span>
                <span className="time">05-05</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img2.jpg')} className="mes-photo"></img>
                <span className="name">用户6</span>
                <span className="unread">3</span>
                <span className="time">05-04</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img3.jpg')} className="mes-photo"></img>
                <span className="name">自在</span>
                <span className="unread">2</span>
                <span className="time">05-03</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img4.jpg')} className="mes-photo"></img>
                <span className="name">太阳下山</span>
                <span className="time">05-05</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img5.jpg')} className="mes-photo"></img>
                <span className="name">snow</span>
                <span className="unread">2</span>
                <span className="time">05-06</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img6.jpg')} className="mes-photo"></img>
                <span className="name">我想静静</span>
                <span className="time">05-05</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img7.jpg')} className="mes-photo"></img>
                <span className="name">晚霞</span>
                <span className="unread">1</span>
                <span className="time">05-05</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img8.jpg')} className="mes-photo"></img>
                <span className="name">落日</span>
                <span className="unread">1</span>
                <span className="time">05-05</span>
            </div>
            <div className="messageList">
                <img src={require('./images/img8.jpg')} className="mes-photo"></img>
                <span className="name">Acquain</span>
                <span className="unread">1</span>
                <span className="time">05-05</span>
            </div>
            <Mytab />
        </div>
    )
}

export default Message
